﻿<div class="with-progress" data-bind="spinner: spinner">
    <p data-bind="visible: messages().length == 0">
        No messages found matching your criteria.
    </p>
    <table class="data" data-bind="visible: messages().length > 0">
        <thead>
            <tr>
                <th class="id">Id</th>
                <th class="text">Text</th>
                <th class="insertionTime">Insertion Time</th>
                <th class="expirationTime">Expiration Time</th>
                <th class="dequeueCount">Dequeue Count</th>
                <th></th>
            </tr>
        </thead>
        <tbody data-bind="foreach: messages">
            <tr>
                <td data-bind="text: id"></td>
                <td data-bind="text: $parent.getMessageText(text(), $parent.decodeBase64())"></td>
                <td data-bind="text: insertionTime"></td>
                <td data-bind="text: expirationTime"></td>
                <td data-bind="text: dequeueCount"></td>
                <td>
                    <a href="javascript:void(0)" data-bind="modalOpen: 'deleteMessage', click: $parent.deleteDetails.init" title="Remove Message">remove</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>
